<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
    <title>充值详情</title>
    <link rel="stylesheet" type="text/css" href="../css/public-head.css" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <style>
        html,
        body {
            background-color: white;
        }

        * {
            margin: 0;
            padding: 0;
        }

        .main {
            margin: 15px 0 0 0;
        }

        .main>div {
            display: flex;
        }

        .main>div>div:nth-child(1) {
            display: flex;
            flex: 5;
            color: #1B1B1B;
            font-size: 15px;
            font-weight: 500;
            line-height: 27px;
            justify-content: flex-start;
        }

        .main>div>div:nth-child(2) {
            color: #1B1B1B;
            font-size: 15px;
            font-weight: 500;
            line-height: 27px;
            justify-content: flex-end;
            display: flex;
            flex: 5;
        }
    </style>
</head>

<body>

    <div class="main">
        <div>
            <div>卡 号：</div>
            <div>23456566****</div>
        </div>
        <div>
            <div>充值金额：</div>
            <div style="color:#0A5AFA;">1300&nbsp;<span style="color:#1B1B1B;">元</span></div>
        </div>
        <div>
            <div>充值明细：</div>
            <div>100元*13个月=1300元</div>
        </div>
        <div>
            <div>充值方式：</div>
            <div>在线充值</div>
        </div>
        <div>
            <div>创建时间：</div>
            <div>2017-11-27&nbsp;13:00</div>
        </div>
    </div>



</body>
<script type="text/javascript" src="../script/public-head.js"></script>
<script type="text/javascript" src="../script/rem.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>

<script type="text/javascript">
    headInner({
        title: "",
        //headleft
        headl: '<a href="javascript:history.back(-1)" style="color:white" class="mui-icon mui-icon-left-nav" onclick="api.closeWin()"></a>',
        //headright
        headr: '<a style="color:white"></a>',
        color: "", //默认是蓝色
        padding: "0px 15px 0px",
    })
</script>

</html>
